<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        // console.log(navigator.userAgent);
//点击 chrome
        //Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.122 Safari/537.36
//点击firefox
        //Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:56.0) Gecko/20100101 Firefox/56.0
//点击IE8
        //Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)
//IE9
       // Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)
//IE10
        //Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)
//IE11
//什么也不显示
        //如果通过userAgent不能判断浏览器还可以通过浏览器中特有的 来判断浏览器的信息
        // 比如ActiveXObject

        if (/firefox/i.test(navigator.userAgent)){
            alert("我是火狐");
        }else if (/chrome/i.test(navigator.userAgent)){
            alert("我是chrome浏览器");
        }else if (/ActiveXObject/i.test(window.ActiveXObject)){
            alert("我是IE浏览器");

        }
    </script>
</head>
<body>
<script>
    /*BOM浏览器对象模型 可以使我们通过js来操作浏览器 在BOM中提供了一组对象用来完成对浏览器的操作
     *  Window
     *          代表整个浏览器的窗口，同时也是网页中的全局对象
     * Navigator
     *          代表当前浏览器的信息 可以识别不同的浏览器
     *          由于历史原因,Navigator对象中的大部分属性都已经不能帮助我们识别浏览器了
     *          一般我们用userAgent来判断浏览器的信息 userAgent是一个字符串，这个字符串包含有用来描述浏览器信息的内容
     *          不同的浏览器 会有不同的userAgent
     *          如果通过userAgent不能判断浏览器还可以通过浏览器中特有的 来判断浏览器的信息
     *           比如ActiveXObject
     *
     * Location
     *          代表当前浏览器的地址栏信息,通过location获取地址信息，或者操作浏览器的跳转页面
     * History
     *          代表浏览器的历史记录 可以通过该对象来操作浏览器的历史记录 由于隐私的原因，该对象不能获取到具体的历史记录
     *          只能操作浏览器向前或向后翻页 而且该操作只对当次有效
     * Screen
    *          代表用户屏幕信息，通过该对象可以获取到用户的显示器的相关信息
    *           用的少
    *   这些BOM对象在浏览器中都是做为window对象的属性保存的 可以通过window对象来使用，也可以直接使用
    *
    * */
</script>
<script>
    /*
    *
    *
    * */
</script>
</body>
</html>